@charset "utf-8";
/* CSS Document */
@charset "utf-8";

* {margin:0;padding:0;border:0;outline:0;vertical-align:top;}
html,body {width:100%;background:#fff;}
body{margin:0; padding:0; line-height:1.5; letter-spacing:-0.065em; font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; }
ul, ol, dl {list-style:none;}
img, video {width:100%;border:0;margin:0;padding:0;background: #fff;}
a {text-decoration:none;}
a:visited, a:link, a:link {color:none;}
table {border-collapse:collapse;border-spacing:0}
input,select {vertical-align:middle;}
label,button {cursor:pointer;}d
.bline, legend, caption {display:block;overflow:hidden;position:absolute;top:0;left:-1000em;}
i, em, address {font-style:normal;font-weight:normal;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
b{color:#434343;}
a:visited, a:link { color:#000; }
ul,li{list-style:none;} img{vertical-align: top;}
#wrap {width:100%; max-width:700px; margin:0 auto;}
nav {width:100%; height:46px; border-bottom:1px solid #dcdcdc; position:relative;background:#f6f6f6;} 
nav .logo {position:absolute; top:15px; left:20px; width:90px; height:17px; background:url(../images/logo2.png)no-repeat; background-size:100% auto;}

mark{background-color:#ffcece; padding:0.1px 1% ; vertical-align:middle;color:#000; font-weight: normal;}
u{font-weight: normal;}
@font-face {
    font-family: 'Freesentation-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-4Regular.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Freesentation-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-5Mediumr.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
.mt25 {
    margin-top: 2.5vh;
}
.mt7 {
    margin-top: 7vh;
}

.mt30 {
    margin-top: 30px;
}
.mt10 {
    margin-top: 10px;
}
section article img {
    width: 100%;
    margin-top: 50px;
}
nav i {position:absolute; top:15px; right:20px; color:#515151;}
header {padding:0px 15px 0px; border-bottom:0px solid #e5e5e5;}
header > i {color:#4795f7; font-style:normal; ]font-weight:bold;}
header .header_icon {
    text-align: center;
}
header .header_icon ul {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
}



header .header_icon ul a {
    color: #7c7c7c;
}
header .header_icon ul li {
    float: left;
    width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #b2b2b2;
    position: relative;
    margin: 20px 4px;
}
header .header_icon ul i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
 .header h2 {
    font-weight: normal;
    font-size: 2.3em;
    line-height: 1.3;
    word-break: break-all;
     
   
}
header h2 {font-weight:400; font-size:36px; padding:5px 0 20px; line-height: 1.4; letter-spacing:-0.063em;  }

header p {line-height: 1.6;color: #515151;position: relative;padding-left:32px;}
header p::before {content:''; position:absolute; left:0; top:2px; bottom:0; width:4px; background:#515151; margin-left:20px }
header .time {position:relative; color:#7f7f7f;  font-size:0.8em; border-bottom:1px solid #e5e5e5; margin:10px 15px 30px; padding-bottom:20px; letter-spacing: 0;}
header .time .sns {position:absolute; right:0; top:0;   }
header .time .sns i {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px; border:1px solid #e5e5e5;  color:#515151;  cursor:auto; }
section img {width:100%;}
section article {padding:0 15px;}
section article .sub_t {font-size:12px; color:#7f7f7f; line-height:12px; padding-top:5px; }
.mt20 {
    margin-top: 20px;
}
section article p {
    text-align: justify;
    font-size: 19px;
    line-height: 1.75;
    color: #222;
}
section article img {width:100%; margin-top:50px;}
section article h3 {margin-top:20px; font-size:23px; }
section article h1 {font-weight:bolder; font-size:23px; padding:5px 0 5px; line-height: 1.3;}
section article h2 {font-weight:normal; font-size:30px; padding:5px 0 5px; line-height: 1.3;}




.menu_top { width:100%; height:40px; border-top:2px solid #da004d; border-bottom:1px solid #ccc; font-size:16px; text-align:center; }
.menu_01 { width:20%; font-weight:bold; vertical-align: middle; }

#reply { width:90%; margin:0 auto;}
div.reply01 { margin-bottom:3%; font-size:1.400em; font-weight:500; letter-spacing:-0.063em; text-align:left; }
div.reply02 { margin-bottom:3%; font-size:0.900em; line-height:150%; font-weight:400; letter-spacing:-0.063em; text-align:left; }
div.reply06 { margin-bottom:4%; font-size:0.900em; color:#999999; text-align:left; }
div.reply03 { display:inline-block; font-size:1.000em; color:#000; float:left; }
div.reply04 { display:inline-block; float:right; width:105px; }
div.reply05 { margin-top:5%; width:100%; margin:0 auto; border-bottom:1px solid #ccc; border-bottom-style:dashed; }
div.reply07 { font-size:1.200em; font-weight:600; letter-spacing:-0.063em;}

p.end {font-size:6px; color:#888; font-weight:bold;}
#kakaowrap {overflow:hidden;max-width:640px;margin:0 auto;padding:0%0%;color:#000;}
div.fixed_menu {overflow:hidden;display:block;position:fixed;max-width:700px;height:25px;margin:0 auto;margin-top:0;padding:3% 0;z-index:999;background:#fff;}
div.fixed_menu img.menu {margin:0 auto;max-width:720px;}

div.headtitle {overflow:hidden;display:block;position:relative;margin:0 auto;margin-top:15px;padding:0;}
div.headtitle img {margin:0 auto;padding:0;width:100%;}
div.headtitle h1 {padding:0 5%;margin:2% 0 1% 0;text-align:center;font-size:1.900em;line-height:135%;font-weight:bold;letter-spacing:-0.063em; text-align:left;}
div.headtitle h2 {margin:13% 0 2% 0;padding:0 5%;text-align:center;font-size:1.700em;color:#ff4200;font-weight:400;}
div.line {display:block;margin:0 auto;margin:0 5%;padding:2% 0;border-top:1px solid #9199a4;border-bottom:1px solid #ecf0f5;}
div.headtitle h3 {text-align:left; padding:0 5%; font-size:1.100em; color:#000;font-weight:400; letter-spacing:-0.083em; line-height:135%;}

div.contents {overflow:hidden;position:relative;margin:0 auto;margin-top:4%;padding:0%;color:#333;text-align:justify;}
div.contents p { font-family: 'Freesentation-5Medium';;margin-bottom:4%;font-size:1.13em;line-height:170%;font-weight:400;letter-spacing:-0.053em;color: #262626;}
div.contents p.subtitle {margin:10% 0 2% 0;font-size:1.550em;font-weight:bold;color:#ef0101;line-height:130%;letter-spacing:-0.094em;}
div.contents img {width:100%;padding:3% 0 0 0;}
div.contents .titletext { padding-top:3%; color:#bebebe; font-size:0.950em; vertical-align:bottom; display:inline-block;}
div.contents .minititile { margin-top:4%; text-align:center; font-size:1.500em; line-height:120%;}
div.contents .icon { float:right; display:inline-block; }
div.contents .top-line {width:100%; margin:0 auto; border-bottom:1px solid #ccc; }
.infobox {clear:both;overflow:hidden;display:block;position:relative;margin:6% 0 4% 0;color:#454545;}
.infobox img {position:relative;margin:0;padding:0;}
.infobox table{border: 1px; border-color: #fa5601;border-collapse: collapse;border-spacing: 0;}
.infobox StrONG { font-family: 'Freesentation-5Medium'; font-size: 20px;color:#333;}
.infobox input {width: auto;
  height: 40px;
  font-size: 15px;
  border: 0;
  border-radius: 15px;
  outline: none;
  padding-left: 10px;
  background-color: rgb(233, 233, 233)}
.infobox label{;display:inline-block;padding-right: 20px; }
.infobox tr { font-family: 'Freesentation-5Medium' ;font-size: 18px; }

.infobox .li {display:inline-block; line-height: 2; }


.infobox .page4 input {display:none;}
.infobox .page4 input [type=checkbox],#db .page5 input[type=radio] {display:none;}
.infobox .page4 input[type=checkbox] + label {background:#dcd9d9;margin:10px 0px; color:#5b5b5b; display:inline-block; width:66px;height: 30px; padding:0px 0; text-align:center; box-sizing:border-box;font-weight: 600; border-radius:33px;font-family: "pretendard", sans-serif;font-size: 14px}
#db .page4 input[type=checkbox]:checked + label {background: #006fff; color:#fff; }
.infobox label input{width:auto;height: 40px;margin: 0 10px;}

.infobox td{padding: 4px 0px 4px px; margin: 0 auto; }

div.ipForm {padding:15px;border:2px solid #000;background:#fff;width:100%;}
div.ipForm dl	{width:100%;float:left;padding:5px 0 0 0;text-align:left;margin:3px 0;}
div.ipForm dl dt {width:25%;float:left;display:inline-block;font-size:14px;font-weight:bold;text-align:right;padding:5% 2% 0 0;}
div.ipForm dl dd {width:65%;float:left;display:inline-block;margin: 0 0 0 3%;}
div.ipForm dl dd label {width:90%;float:left;display:inline-block;}
div.ipForm dl dd ipForm {border:1px solid #ccc;width:30%;padding:5px 3px;}
div.ipForm dl dd input {display:inline-block;width:100%;height:27px;padding:2% 2%;border:1px solid #878787;color:#333;-webkit-border-radius:0;}
div.ipForm dl dd textarea {display:inline-block;width:100%;height:27px;padding:2% 2%;border:1px solid #878787;color:#333;-webkit-border-radius:0;}
div.ipForm dl dd .inputChk {width:11px;color:#999;padding:0;height:11px;}
span.db_txt {font-size:16px;color:#232323;  vertical-align: middle;}
div.ipForm .bnr {width:96%;margin:0 auto;padding:0;}
div.ipForm .bnr button {width:100%;padding:3% 0;background:#293a8c;color:#fff;border:0;font-weight:bold;letter-spacing:-1px;font-size:1.000em;}

.strong {color:#488db4; font-weight:bold;}

textarea.agreeform {width:80%; border-radius:10px; border:2px solid #eee; height:70px; padding:7px; box-sizing: border-box;}
.agree {font-size: 13px; text-align:center; line-height: 2; color:#999;border-bottom:1px dashed #ccc; }
.agreeform {font-size: 12px; color:#666; line-height: 1.5; display:none;}


footer {padding:20px .9375em 1em; background: #fff; text-align:center;}
footer .footer-btn a {font-size: .6rem; color:#727d92; background: #fff; border:1px solid #d4d7de; padding:.85em 1em; margin:10px 1px 1px;}
footer p {font-size: .8rem; line-height: 1.5; letter-spacing:-0.03em; color:rgba(0,0,0,.55); padding:1rem 0 0;}


#fixed_layer{text-align:right;position:fixed;z-index:99;width:100%;bottom:0;right:0;color:#000;font-size:10px}
.a{margin:0 auto;max-width: 640px;}
.a img {max-width: 640px; width:100%;margin:0 auto;text-align: center;left:-3px;*left:auto;vertical-align: top;
  transition: all 0.2s linear;    overflow: hidden;
    max-width: 640px;
}
.a:hover img {transform:scale(1.1);
  
}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;background-image: url('img/youtube_bgImg.png');background-repeat: no-repeat;background-size: 100%;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

#vidwrap {
/* Your thumbnail image */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow:hidden;
background-repeat: no-repeat;
width:480px;
height:360px;
cursor:pointer;
}

@media screen and (max-width:600px) {
  header p {padding-left:18px;}
  header p::before {margin-left:5px }
    
    
  header {padding:0px 0px 0px}
  header h2 {font-size:23px; padding-bottom:10px;}
  header > i {font-size:14px; font-weight:bold}
  section article p {font-size:17px;}
  .dbq {font-size:12px!important;}
    
    .a:hover img {transform:none;
}